import { Grid } from '@shared/ui/Grid'
import { Panel } from '@shared/ui/Panel'
import { memo } from 'react'
import { DashboardTaskList } from '../DashboardTaskList/DashboardTaskList'
import styles from './DashboardContent.module.scss'

export const DashboardContent = memo(() => {
  return (
    <Grid columns={`70% calc(30% - 24px)`} gap={24}>
      <div className={styles.wrap}>
        <DashboardTaskList />
        <Grid columns={'1fr 1fr'}>
          <Panel withShadow withoutHover>
            последняя заметка
          </Panel>
          <Panel withShadow withoutHover>
            какой-то график
          </Panel>
        </Grid>
      </div>
      <Panel withShadow withoutHover>
        недавние сообщения
      </Panel>
    </Grid>
  )
})
DashboardContent.displayName = 'DashboardContent'
